﻿/*common*/
html{overflow-y:scroll}
body{font-size:14px;line-height:20px;min-width:1200px;background:#000;background-size:100%}
body,textarea,input,button,select,keygen,legend{color:#e4e0df}
a{color:#e4e0df}
a:hover{color:#fff}
*:hover{transition:all 0.2s ease-in 0}
.m-logo{position:relative;z-index:100}
.g-in{width:1200px;margin:0 auto}
.w980 {width:980px;margin: 0px auto}
.w960 {width:960px;margin: 0px auto;position: relative}
.g-hd,.g-nv{position:relative;background-position:0 0;background-repeat:repeat-x}
.g-hd{min-height:64px;background-color:#000}
.g-nv{z-index:100;min-height:45px}
.f-btn{height:350px;background:url(../img/ft_bg.jpg) center bottom no-repeat}
.f-line{height:23px;margin:15px auto;background:url(../img/line.jpg) center no-repeat}
/* header */
.g-nv{height:134px}
.g-nv .g-nv-mnc1{width:220px}
.g-nv .g-nav{width:980px}
.g-nv .g-nav .m-nav{width:980px;height:46px}
.m-nav-language li{float:right;line-height:35px}
.m-nav-language li a{padding-left:25px;margin-left:15px;background:url(../img/sprite.png) no-repeat;color:#fff}
.m-nav-language li.en a{background-position:-700px -27px}
.m-nav-language li.cn a{background-position:-700px 0}
.m-nav-language li a:hover{color:#8b1c21}
.m-nav li{float:left;width:180px;margin-left:-40px;height:46px;line-height:46px;text-align:center;text-indent:15px;background:url(../img/sprite.png) -200px 0 no-repeat}
.m-nav li.first{background-position:0 0}
.m-nav li a{display:block;color:#666}
.m-nav li:hover{background-position:-400px 0;text-indent:0}
.m-nav li:hover a{color:#fff}
.m-nav .sub-nav{width:220px;height:42px;margin-left:-40px;background:url(../img/sprite.png) 0 -100px no-repeat}
.sub-nav ul{width:220px}
.sub-nav.sitem1 ul{width:710px}
.sub-nav.sitem2 ul{width:310px}
.sub-nav.sitem3 ul{width:400px}
.m-nav .sub-nav.sitem5{margin-left:-95px}
.m-nav .sub-nav.sitem6{margin-left:-235px}
.m-nav .sub-nav ul{height:42px;margin-left:150px}
.m-nav .sub-nav ul li{width:90px;height:42px;line-height:45px;margin-left:0;background:url(../img/sprite.png) -200px -100px no-repeat;text-indent:0}
/*.m-nav .sub-nav.sitem1 ul li{width:25px}*/
.m-nav .sub-nav ul li.last{width:40px;background-position:-699px -100px}
.m-nav .sub-nav ul li:hover{background-position:-200px -100px}
.m-nav .sub-nav ul li.last:hover{background-position:-699px -100px}
.m-nav .sub-nav ul li a{display:block}
.m-nav .sub-nav ul li a:hover{color:#000;text-indent:-10px}
/* index */
.g-mn1{width:100%;margin-right:-230px;background:url(../img/g_mn1_bg.jpg) center bottom no-repeat}
.g-mn1 h3,.f-model dt,.g-sd1 h3,.g-mn2 h3{margin-top:40px;width:266px;height:41px;background:url(../img/sprite.png) 0 -275px no-repeat}
.g-mn1 h3:hover,.f-model dt:hover,.g-sd1 h3:hover,.g-mn2 h3:hover{background-position: 0 -317px}
.g-mn1 h3 a,.f-model dt a,.g-sd1 h3 a{color:#fff}
.g-mn1 h3 a:hover,.f-model dt a:hover,.g-sd1 h3 a:hover,.g-mn2 h3 a:hover{color:#cd0000}
.g-mn1 span{margin-top:-20px}
.g-mn1 span a{color:#cb0100}
.g-mnc1_1{width:470px;height:227px}
.g-mnc1_1_img{width:180px}
.g-mnc1_1_img img{width:160px;height:118px;margin-top:52px}
.g-mnc1_1_text{width:290px}
.g-mnc1_2{width:500px;height:227px;background:url(../img/sprite.png) -928px 25px no-repeat}
.f-model{margin-left:58px;overflow:hidden}
.news_wrap{width:930px;height:86px}
.f-model dd{width:135px;margin-right:17px}
.f-model dd img{width:135px;height:80px}
.g-sd1{width:170px;height:227px;padding-left:60px;background:url(../img/sprite.png) -928px 25px no-repeat}
.g-mn2 h3{margin-top:0}
.g-mn2 .m-lst li{width:180px;margin:0 10px}
.g-mn2 .m-lst li a{display:block;width:180px;height:152px;padding-top:7px;text-align:center;border-radius:1px}
.g-mn2 .m-lst li a:hover{background:#222}
.g-mn2 .m-lst li a img{width:160px;height:120px}
/* footer */
.g-mn3 dl{width:200px;line-height:25px}
.g-mn3 dl dt{margin-bottom:10px}
.g-mn3 dl a{color:#999}
.g-mn3 dl a:hover{color:#fff}
.g-mn3 dl dt a{display:block;width:70px;margin:0 auto;color:#ccc;border-bottom:1px dotted #333}
.en .g-mn3 dl dt a{width:120px}
.g-mn3 dl dt a:hover{border-bottom:3px solid #8b1c21}
.m-on-top{width:238px;height:238px;opacity:0.5;position:fixed;right:0;bottom:0;background:url(../img/sprite.png) -700px -200px no-repeat;z-index:90}
.m-on-top a{display:block;width:130px;height:60px;position:absolute;bottom:50px;right:0}
.m-on-top:hover{opacity:1}
/* products */
.m-block{display:none;height:84px}
.g-mn-llist{position:static;top:0;padding-top:20px;background:#000}
.g-mn-llist li a{display:block;width:32px;height:32px;margin:5px;line-height:34px;border-radius:17px;border:1px solid #696969;text-align:center}
.g-mn-llist li a:hover,.g-mn-llist li.hover a{background:#8b1c21;border-color:#8b1c21;color:#fff}
.g-mn-plist{}
.g-mn-plist .label{position:relative;top:-84px;height:5px;z-index:-100}
.g-mn-plist dt{border-bottom:1px dashed #696969}
.g-mn-plist dd a{display:block;width:156px;height:116px;margin:15px;border:3px solid #000;text-align: center}
.g-mn-plist dd a img{width:156px;height:116px}
.g-mn-plist dd a:hover{border-color:#696969}
.m-p-fancybox{min-width:700px}
.m-p-fancybox ul{margin:15px 0}
.m-p-fancybox ul a{color:#555;width:175px;height:152px;padding-top:7px;text-align:center;border-radius:3px}
.m-p-fancybox ul a:hover{background:#333;color:#fff}
.m-p-fancybox ul a img{width:160px;height:120px}
.m-p-fancybox p.p-close{text-align:center;padding-top:15px;border-top:1px dashed #696969}
.m-p-fancybox a.close{padding:0 17px;line-height:24px;border-radius:3px;border:1px solid #696969;color:#696969}
.m-p-fancybox a.close:hover{background:#8b1c21;border-color:#8b1c21;color:#fff}
/* product_show */
.page_product img{width:980px}
.product_plugs{border:1px #222 solid}
.product_plugs .pro_plug_item{width:300px;margin:20px 17px 0 0;background:#1b1b1b}
.product_plugs .line_1th{margin:20px 18px}
.product_plugs .pro_plug_item img{width:300px;height:165px}
.product_plugs .pro_plug_item h3{text-align:center;border-bottom: 1px dotted #333;line-height:30px}
.product_plugs .pro_plug_item:hover h3{border-bottom: 1px dotted #8b1c21}
.product_plugs .pro_plug_item p{padding:15px;color:#999}
/* news */
.g-news{width:980px;margin:20px auto}
.news-list{width:490px}
.news-list ul{list-style-type:none}
.news-list li{color:#6b6b6b;line-height:56px;height:56px;width:100%;border-bottom:1px dashed #333;overflow:hidden;position:relative}
.news-list li a{color:#6b6b6b}
.news-list li:hover{border-bottom:1px solid #333}
.news-list li:hover,.news .hover{background:#333;color:#FFF}
.news-list .hover a{color:#FFF}
.news-list li span{padding:0 10px 0 54px}
.news_ex{width:310px;background:#333;color:#FFF;padding:0 90px 50px;line-height:18px}
.news_ex dl{}
.news_ex h6{text-align:right;padding:25px 0}
.news_ex h6 b{font-weight:normal;color:#6b6b6b}
.news_ex dt img{width:300px;height:220px}
.news_ex dd h1{font-size:14px;color:#FFF;padding:29px 0 20px 0}
.news_ex dd{color:#ccc;min-height:192px}
.news_ex .more{position:absolute;z-index:2;margin:50px 0 0 220px;width:83px;height:24px;line-height:24px;text-align:center}
.news_ex .more a{background:#8b1c21;color:#fff;display:block}
.news_ex .more a:hover,.more2 a:hover{background:#fff;color:#8b1c21}
.info-page .date{color:#666}
.info-page p{margin:10px 0}
.info-page .back{display:inline-block;width:126px;height:33px;line-height:33px;font-size:14px;color:#fff;padding-left:17px;text-align:center;background:url(../img/sprite.png) no-repeat -820px 7px #8b1c21}
.info-page .back:hover{background-color:#555}
/* page-nav*/
.page_nav{height:42px;margin:25px 0;line-height:44px;background:#242424}
.page_nav dl{line-height:42px}
.page_nav dl dt{width:135px;height:42px;text-indent:25px;font:bold 14px/42px verdana;background:url(../img/sprite.png) -200px -200px no-repeat}
.page_nav dl dd a{display:block;width:135px;text-indent:25px;background:url(../img/sprite.png) -200px -200px no-repeat}
.page_nav dl dd a:hover,.page_nav dl dd.hover a{color:#8b1c21;text-shadow:#000 1px 1px 1px;background-position:0 -200px;text-indent:20px}
/* page-body */
.page_soul{height:80px;margin:45px 0;background:url(../img/sprite.png) 170px -500px no-repeat}
.page_header h1{height:45px;line-height:45px;font-size:18px}
.page_content{margin-bottom:25px}
.page_content .cont_img,.page_content .cont_img img{width:460px;height:500px}
.page_content .cont_txt{width:520px;background:#333}
.page_content .cont_txt .con-text-wrap{padding:38px 22px 0px 38px}
.page_content .cont_txt .txt-tit{height:30px;font-size:14px;color:#fff}
.page_content .cont_txt .txt-tit:hover{color:#cd0000}
.page_content .cont_txt .txt-tit-en{height:24px}
.page_content .cont_txt .line{height:0;margin:15px 0;border-top:1px dashed #555}
.page_content .cont_txt .con-text-main{height:362px;overflow-y:auto}
.page_content .cont_txt .con-text-bottom{height:15px}
/*his*/
.cla-tit{font-size:24px;font-weight:normal;color:#fff}
.cla-tit-en{color:#7a7a7a;line-height:24px;margin-top:10px}
.mb25{margin-bottom:25px}
.his-con{margin-top:40px;padding-bottom:180px}
.his-main{height:306px;background:#222}
.his-main .bd{height:306px;border-right:1px dotted #bbb;overflow:hidden}
.his-main .bd li{border-left:1px dotted #bbb;width:319px;height:306px}
.his-main-wrap{padding:58px 40px 0px 40px}
.his-main .his-main-year{height:40px;font:italic 100 40px/42px 'Big Caslon',Times;color:#fff}
.his-main .his-main-i{width:26px;height:1px;background:#ccc;left:50%;margin-left:-14px;top:110px;font-size:0px}
.his-main-info{padding-top:30px}
.his-main-info h2{color:#fff;line-height:36px;font-size:14px}
.his-main-info .dis{color:#ccc}
.his-main .prev,
.his-main .next{display:block;width:35px;height:58px;position:absolute;top:50%;margin-top:-29px;background:url(../img/his-row.png) no-repeat left}
.his-main .prev{left:-115px}
.his-main .next{background:url(../img/his-row.png) no-repeat right;right:-115px}
/* Image Grid */
.image_grid {margin:0 auto;overflow:hidden;width:940px;position:relative}
.image_grid li {float: left;line-height: 17px;color: #686f74;list-style:none;overflow:hidden;margin-bottom:32px;margin-right:32px;text-align:center}
.image_grid li.image_grid_3th{margin-right:0}
.image_grid li img {width:290px;height:200px;border:1px solid #333}
/* da-thumbs */
.da-thumbs li, .da-thumbs li img {display: block;position: relative}
.da-thumbs li {overflow: hidden}
.da-thumbs li article {position: absolute;background-image:url(/assets/img/image_hover.png);background-repeat:repeat;width: 100%;height: 100%}
.da-thumbs li article.da-animate {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
/* Initial state classes: */
.da-slideFromTop {left: 0px;top: -100%}
.da-slideFromBottom {left: 0px;top: 100%}
.da-slideFromLeft {top: 0px;left: -100%}
.da-slideFromRight {top: 0px;left: 100%}
/* Final state classes: */
.da-slideTop {top: 0px}
.da-slideLeft {left: 0px}
.da-thumbs li article a {color:#fff;padding:20px;display:block;text-indent:-9999px}
.da-thumbs {text-align:center}
.da-thumbs li article h3 {color:#fff;padding-top:30px}
.da-thumbs li article em {margin-bottom:10px;color:#fff;display:block}
.da-thumbs li article span {display:inline-block}
span.link_post {display:block;width:80px;height:80px;cursor:pointer;background-image:url(/assets/img/ico_play.png);background-repeat:no-repeat;background-position:center;margin-top:20px;margin-right:10px}
h3.link_post {line-height:30px}
.portfolio_2col article h3 {padding-top:70px !important}
/* message */
.G_InputText, .G_textarea{width:260px;height:18px;margin:0 10px 5px 0;padding:11px 0 11px 20px;background:#fff;border: 1px solid #c6c6c5;font:14px/18px arial;color:#666}
.G_textarea{height:130px}
.G_InputText:hover, .G_textarea:hover{border: 1px solid #333}
.G_btn{display:inline-block;background:#eee;width:130px;height:40px;border:none;text-align:center;font-size:14px;line-height:40px;color:#555;margin-right: 16px}
.G_btn:hover{background:#8b1c21;color:#fff;cursor:pointer}
.Validform_right{color:#71b83d}
.Validform_wrong{display:inline-block;background:#736e6d;color:#fff;padding:10px;white-space:nowrap}
/* pagination */
.pagination{padding:35px 0;margin-left:33%}
.pagination li{list-style:none;float:left;margin-right:5px}
.pagination li a{display:block;height:20px;line-height:20px;padding:5px 10px;background:#FFF;color:#666}
.pagination li a:hover,.pagination .hover a{background:#8b1c21;color:#FFF}
.pagination li a.nh{color:#ccc}